<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>回收站—订单管理</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />

	<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="../assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />

	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" />
	<link href="../css/font-awesome.css" rel="stylesheet" />
	<link rel="icon" href="../ico.ico" />
	<link href="../css/adminia.css" rel="stylesheet" />
	<link href="../css/adminia-responsive.css" rel="stylesheet" />


	<link href="../css/pages/plans.css" rel="stylesheet" />

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

	<div class="navbar navbar-fixed-top">

		<div class="navbar-inner">

			<div class="container">

				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>

				<a class="brand" href="./">Adminia Admin</a>

				<div class="nav-collapse">

					<ul class="nav pull-right">


						<li class="divider-vertical"></li>

						<li class="dropdown">

							<a data-toggle="dropdown" class="dropdown-toggle " href="#">
								四川天下收购站 <b class="caret"></b>
							</a>

							<ul class="dropdown-menu">

								<li>
									<a href="./change_password.html"><i class="icon-lock"></i> Change Password</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="./"><i class="icon-off"></i> Logout</a>
								</li>
							</ul>
						</li>
					</ul>

				</div> <!-- /nav-collapse -->

			</div> <!-- /container -->

		</div> <!-- /navbar-inner -->

	</div> <!-- /navbar -->




	<div id="content">

		<div class="container">

			<div class="row">

				<div class="span3">

					<div class="account-container">

						<div class="account-avatar">
							<img src="../img/feipin.jpg" alt="" class="thumbnail" />
						</div> <!-- /account-avatar -->

						<div class="account-details" id="user">
					
							<span class="account-name">{{tel}}</span>

							<span class="account-role">Administrator</span>



						</div> <!-- /account-details -->

					</div> <!-- /account-container -->

					<hr />

					<ul id="main-nav" class="nav nav-tabs nav-stacked">

						<li>
							<a href="feipin_login_jump.html">
								<i class="icon-home"></i>
								回收站主页
							</a>
						</li>

						<li>
							<a href="faq_.html">
								<i class="icon-pushpin"></i>
								人员管理
							</a>
						</li>

						<li class="active">
							<a href="plans_.html">
								<i class="icon-th-list"></i>
								订单管理
							</a>
						</li>

						<li>
							<a href="grid_.html">
								<i class="icon-th-large"></i>
								回收站信息修改

							</a>
						</li>


						<li>
							<a href="account_.html">
								<i class="icon-user"></i>
								账号信息
							</a>
						</li>

						<li>
							<a href="login.html">
								<i class="icon-lock"></i>
								新的登录
							</a>
						</li>


					</ul>



					<hr />

					<div class="sidebar-extra">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
							labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
					</div> <!-- .sidebar-extra -->

					<br />

				</div> <!-- /span3 -->


				<div class="span9">

					<h1 class="page-title">
						<i class="icon-th-list"></i>
						订单列表
					</h1>

					<div class="widget">

						<div class="widget-header">
							<h3>最新待处理订单</h3>
						</div> <!-- /widget-header -->

						<div class="widget-content" id="newOrders">

							<div class="pricing-plans plans-3">

								<div class="plan-container" v-for="(item,index) in items">
									<div class="plan orange">
										<div class="plan-header">

											<div class="plan-title">
												最新订单{{index+1}}
											</div> <!-- /plan-title -->

											<div class="plan-price">
												<span class="note">RMB</span>{{item.order_moneny}}<span class="term">交易金额</span>
											</div> <!-- /plan-price -->

										</div> <!-- /plan-header -->

										<div class="plan-features">
											<ul>
												<li><strong>废品类型</strong> {{item.type}}</li>
												<li><strong>重量</strong> {{item.kg}} kg</li>
												<li><strong>描述信息</strong> {{item.order_rub_infor}}</li>
												<li><strong>创建时间</strong> {{item.order_time_begin}}</li>

											</ul>
										</div> <!-- /plan-features -->

										<div class="plan-actions">
											<a href="javascript:;" class="btn" onclick="jeishou(this)" v-bind:value="index">接收订单</a>
										</div> <!-- /plan-actions -->

									</div> <!-- /plan -->
								</div> <!-- /plan-container -->


							</div> <!-- /pricing-plans -->

						</div> <!-- /widget-content -->

					</div> <!-- /widget -->

					<!-- content -->
					<div class="widget widget-table">

						<div class="widget-header">
							<i class="icon-th-list"></i>
							<h3>正在处理的订单</h3>
						</div> <!-- /widget-header -->

						<div class="widget-content">

							<table class="table table-striped table-bordered">
								<thead>
									<tr>
										<th>#</th>
										<th>废品类型</th>
										<th>重量</th>
										<th>交易金额</th>
										<th>描述信息</th>
										<th>接收订单时间</th>
										<th>客户联系方式</th>
										<th>接收订单</th>
										<th>取消订单</th>
									</tr>
								</thead>

								<tbody id="doingOrders">
									<tr v-for="(item,index) in items">
										<td>{{index+1}}</td>
										<td>{{item.type}}</td>
										<td>{{item.kg}} kg</td>
										<td>{{item.order_moneny}}</td>
										<td>{{item.order_rub_infor}}</td>
										<td>{{item.order_time_deal}}</td>
										<td>{{item.userTel}}</td>
										<td class="action-td">
											<a v-bind:value="index" onclick="finishOrder(this)" href="javascript:;" class="btn btn-small btn-warning">
												<i class="icon-ok">完成订单</i>
											</a>
										
										</td>
										<td>
											<a v-bind:value="index" id="delete" class="delete btn btn-small" onclick="shanchu(this)">
											<i class="icon-remove"></i>
											</a>
										</div>
										</td>
									</tr>
								</tbody>
							</table>

						</div> <!-- /widget-content -->

					</div> <!-- /widget -->
					<div class="col-md-10" style="float: right; width: 840px; margin-bottom: 100px;">

						<div class="row">
							<div class="panel panel-default">
								<div class="widget-header">
									<h3>等待用户评分订单列表</h3>
								</div>
								<div class="bootstrap-admin-panel-content">
									<table class="table table-striped table-bordered" id="example">
										<thead>
											<tr>
												<th>#</th>
												<th>废品类型</th>
												<th>重量</th>
												<th>交易金额</th>
												<!-- <th>评分</th> -->
												<th>处理完成时间</th>
												<th>客户联系方式</th>
											</tr>
										</thead>
										<tbody id="finishOrders">
											<tr class="odd gradeX" v-for="(item,index) in items">
												<td>{{index+1}}</td>
												<td>{{item.type}}</td>
												<td>{{item.kg}} kg</td>
												<td>{{item.order_moneny}}</td>
												<!-- <td class="center">X</td> -->
												<td class="center">{{item.order_time_finish}}</td>
												<td>{{item.userTel}}</td>
											</tr>
										</tbody>
									</table>
									

								</div>
							</div>
						</div>
						<div class="row">
							<div class="panel panel-default">
								<div class="widget-header">
									<h3>已完成订单</h3>
								</div>
								<div class="bootstrap-admin-panel-content">
									<table class="table table-striped table-bordered" id="example">
										<thead>
											<tr>
												<th>#</th>
												<th>废品类型</th>
												<th>重量</th>
												<th>交易金额</th>
												<th>评分</th>
												<th>订单完成时间</th>
												<th>客户联系方式</th>
											</tr>
										</thead>
										<tbody id="grade">
											<tr class="odd gradeX" v-for="(item,index) in items">
												<td>{{index+1}}</td>
												<td>{{item.type}}</td>
												<td>{{item.kg}} kg</td>
												<td>{{item.order_moneny}}</td>
												<td class="center">{{item.grade}}</td>
												<td class="center">{{item.order_time_finish}}</td>
												<td>{{item.userTel}}</td>
											</tr>
										</tbody>
									</table>
									

								</div>
							</div>
						</div>
					</div>
				</div>

				<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
				<script src="../assets/vue/vue.min.js"></script>
				<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
				<script src="../assets/mylibrary/cookie.js"></script>
				<script src="../assets/mylibrary/urlParam.js"></script>
				<script src="../js/common.js"></script>

				<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
				<script type="text/javascript" src="../js_1/bootstrap.min.js"></script>
				<script type="text/javascript" src="../js_1/twitter-bootstrap-hover-dropdown.min.js"></script>
				<script type="text/javascript" src="../js_1/jquery.dataTables.min.js"></script>
				<script type="text/javascript" src="../js_1/DT_bootstrap.js"></script>
</body>

</html>
<script src="../ourJS/plans_.js"></script>